<template>
  <BasicVxeModal
    v-bind="$attrs"
    :width="750"
    :height="560"
    title="图例说明"
    :show-footer="false"
    @register="registerModal"
  >
    <div class="img-div">
      <img :src="legend" alt="" />
    </div>
  </BasicVxeModal>
</template>

<script setup lang="ts">
  import legend from '@/assets/images/device-monitor/tuLiSuoMing_CXL.png'
  import { useVxeModalInner } from '@/components/ui/vxe-modal'

  const [registerModal] = useVxeModalInner(async (_data) => {})
</script>
<style scoped lang="scss">
  .img-div {
    text-align: center;
    margin-top: 15px;
  }
</style>
